/* logo图标 */
.logo {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}

/* 第一个头部 */
.header {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
}

.header .header-w {
	position: relative;
}

.header .header-l>li {
	padding: 0 15px 0 0;
	height: 50px;
	line-height: 50px;
	color: #8D8D8D;
	font-size: 15px;
	margin-right: 22px;
}

.header .header-l>li:last-child {
	margin-right: ;
	color: #E1140A;
}

.header .header-r {
	position: relative;
	margin-right: 30px;
}

.header .header-r>li {
	padding: 0 5px;
	color: #000000;
	font-size: 12px;
	height: 100%;
	line-height: 50px;
}

.header .header-r>li:nth-child(2) {
	width: 1px;
	padding: 0;
	height: 10px;
	line-height: 10px;
	margin: 20px 0px;
	background-color: #CCCCCC;
}

.header .header-r .register {
	position: relative;
}

.header .header-r .register .register-cover {
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 99;
}

.header .header-r .register .register-img {
	position: absolute;
	top: -18px;
	left: -70px;
}

.header .header-r .register-introduce {
	position: absolute;
	top: -22px;
	left: -60px;
	color: #ba9964;
	font-size: 12px;
	white-space: nowrap;
}

.header .header-r .gift {
	position: absolute;
	top: -15px;
	left: 70px;
}

.header .header-w .phone {
	position: absolute;
	top: 0;
	right: 0px;
}

.header .header-w .phone .phone-img {
	position: absolute;
	width: 23px;
	height: 23px;
	top: 10px;
	left: 0;
}

.header .header-w .phone .phone-img img {
	width: 100%;
	height: 100%;
}

.header .header-w .phone .phone-code {
	position: absolute;
	top: 40px;
	width: 242px;
	height: 123px;
	left: -100px;
	line-height: 0;
	display: none;
	z-index: 99;
}

.header .header-w .phone .phone-code img {
	width: 100%;
	height: 100%;
}

/* 找它的兄弟元素 */
.header .header-w .phone-img:hover+.phone-code {
	display: block;
}

/* 第二个头部 */
.nav {
	position: fixed;
	width: 100%;
	top: 50px;
	left: 0;
	height: 70px;
	z-index: 98;
	background-color: rgb(224, 224, 224);
}

.nav .nav-w .search {
	position: relative;
}

.nav .nav-w>ul>li {
	color: #3a3a3a;
	font-size: 17px;
	font-weight: 550;
	padding: 0 45px 0 0;
	line-height: 70px;
}

.nav .search input {
	width: 250px;
	height: 36px;
	padding-left: 20px;
	margin-top: 20px;
	outline: none;
	border-radius: 30px;
	border-color: transparent;
	background-color: #eaeaea;
}

.nav .nav-w {
	position: relative;
}

.nav .nav-w .search .search-img {
	position: absolute;
	top: 26px;
	right: 10px;
}

.nav .header-r {
	position: absolute;
	top: 0;
	right: 30px;
	display: none;
}

.nav .nav-w .header-r>li {
	padding: 0 5px;
	color: #000000;
	font-size: 12px;
	height: 100%;
	font-weight: normal;
	line-height: 50px;
}

.nav .nav-w .header-r>li:nth-child(2) {
	width: 1px;
	padding: 0;
	height: 10px;
	line-height: 10px;
	margin: 20px 0px;
	background-color: #CCCCCC;
}

.nav .nav-w .header-r .register {
	position: relative;
}

.nav .header-r .register .register-cover {
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 99;
}

.nav .header-r .register .register-img {
	position: absolute;
	top: -18px;
	left: -70px;
}

.nav .header-r .register-introduce {
	position: absolute;
	top: -22px;
	left: -60px;
	color: #ba9964;
	font-size: 12px;
	white-space: nowrap;
}

.nav .header-r .gift {
	position: absolute;
	top: -15px;
	left: 70px;
}

.nav .nav-w .phone {
	position: absolute;
	top: 0;
	right: 0px;
	display: none;
}

.nav .nav-w .phone .phone-img {
	position: absolute;
	width: 23px;
	height: 23px;
	top: 10px;
	left: 0;
}

.nav .nav-w .phone .phone-img img {
	width: 100%;
	height: 100%;
}

.nav .nav-w .phone .phone-code {
	position: absolute;
	top: 40px;
	width: 242px;
	height: 123px;
	left: -100px;
	line-height: 0;
	display: none;
	z-index: 99;
}

.nav .nav-w .phone .phone-code img {
	width: 100%;
	height: 100%;
}

/* 找它的兄弟元素 */
.nav .nav-w .phone-img:hover+.phone-code {
	display: block;
}
